// pages/pull/pull.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    colorData:[],
    flag:false,
    throttle:true,  // 节流
  },
  // 发起上拉下拉刷新请求
  pullPData(){
    wx.showLoading({
      title: '数据加载中...',
    })
    if(!this.data.throttle) {
      return
    } 
    this.setData({
      throttle:false
    })
    wx.request({
      url: 'https://www.escook.cn/api/color',
      success:(res)=>{
        this.setData({
          // 每次一刷新，就在原来的基础上合并
          colorData:[...this.data.colorData,...res.data.data],
          throttle:true   // 当数据加载完毕之后再进行下一次请求
        })
        wx.hideLoading()
      }
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.pullPData()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    // console.log(22);
    this.setData({
      colorData:[],
      flag:false
    })
    this.pullPData()
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    // console.log(999);
    if(this.data.colorData.length>=30) {
      return this.setData({
        flag:true
      })
    }
    this.pullPData()
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})